<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
		<script type="text/javascript" src="http://keith-wood.name/js/jquery.svg.js"></script> 
		<script type="text/javascript" src="http://keith-wood.name/js/jquery.svganim.js"></script> 
		<script type="text/javascript" src="http://keith-wood.name/js/jquery.svgdom.js"></script> 
		<script type="text/javascript" src="http://keith-wood.name/js/jquery.svgfilter.js"></script> 
		<script type="text/javascript" src="http://keith-wood.name/js/jquery.svggraph.js"></script> 
		<script type="text/javascript" src="http://keith-wood.name/js/jquery.svgplot.js"></script>
		<script type="text/javascript" src="http://threedubmedia.googlecode.com/files/jquery.event.drag-1.5.min.js"></script> 
		<!-- <script type="text/javascript" src="js/jquery.hotkeys.js"></script> -->
		<script type="text/javascript" src="js/tapaha.svg.js"></script>
        <title>MyCurss</title>
		<style>
			html, body {}
			div#header {width:100%;border:1px black solid;height:50px;}
			div#header ul li {float:left;list-style:none;padding:0 5px;}
			div#content {width:100%;border:1px red solid;height:480px;}
			div#footer {width:100%;border:1px green solid;height:100px;}
		</style>
    </head>
    <body>
        <div id="header">
        	<ul>
        		<li><input type="button" id="btn_undo" value="Undo" /></li>
        		<li><input type="button" id="btn_move" value="Move" /></li>
        		<li><input type="button" id="btn_rect" value="Rect" /></li>
				<li><input type="button" id="btn_ellipse" value="Ellipse" /></li>
				<li><input type="button" id="btn_line" value="Line" /></li>
				<li><input type="button" id="btn_polyline" value="Polyline" /></li>
				<li><input type="button" id="btn_polygon" value="Polygon" /></li>
        	</ul>
        </div>
		<div id="content"></div>
		<div id="footer"></div>
    </body>
</html>